<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>教务管理信息服务平台</title>
  <link rel="stylesheet" href="./decoration.css">
  <link href="https://unpkg.com/@wangeditor/editor@latest/dist/css/style.css" rel="stylesheet">
</head>

<body>
  <!-- 栏目 -->
  <div class="nav">
    <div class="navInformation">
      <i class="iconfont">&#xe77a;</i>
      教务管理信息服务平台
    </div>
    <div class="about">
      <i class="iconfont">&#xe794;</i>
      <ul class="choose3">
        <li><a href="">修改密码</a></li>
        <li><a href="../../Login/index.html">退出</a></li>
      </ul>
    </div>
    <!-- about列表 -->
  </div>
  <div class="navChoose">
    <ul>
      <li class="facultyManagement"><a href="../FacultyManagement/index.html">管理院系</a></li>
      <li class="professionalManagement"><a href="#">管理专业</a></li>
      <li class="countManagement"><a href="#">管理帐号</a></li>
    </ul>
  </div>
  <!-- 主体部分 -->
  <div class="majorShow">
    <!-- 搜索栏 -->
    <div class="searchBox"><input type="text" class="search" placeholder=" 请输入内容进行查找公告"><i
        class="iconfont searchIcon">&#xe61f;</i></div>
    <!-- 增加/删除 -->
    <div class="addOrDelete">
      <div class="buttons">
        <button class="add">增加</button>
        <button class="delete">删除</button>
      </div>
    </div>
    <!-- 文章专栏 -->
    <div class="essays">

    </div>
    <!-- 添加弹窗 -->
    <div class="insertShow">
      <h2 class="title">添加公告</h2>
      <div>
        <!-- 标题 -->
        <h3><i class="iconfont">&#xe6f8;</i> 标题： <input type="text" class="inputLine" placeholder=" 标题不能超过15位"></h3>
        <!-- 图片 -->
        <h3>
          <i class="iconfont">&#xe62a;</i> 封面：<input type="file">
          <img src="../../photos/essay2.jpg" alt="" class="filePhotos">
        </h3>
        <!-- 富文本编辑器 -->
        <div id="editor—wrapper">
          <div id="toolbar-container"><!-- 工具栏 --></div>
          <div id="editor-container"><!-- 编辑器 --></div>
        </div>
        <!-- 按钮 -->
        <div class="buttons">
          <button class="cancel">取消</button>
          <button class="adds">添加</button>
        </div>
      </div>
    </div>
    <!-- 删除弹窗 -->
    <div class="deleteShow">
      <h2 class="title">删除公告</h2>
      <h3>删除Id： <input type="text" class="inputLine deleteInputLine"></h3>
      <!-- 按钮 -->
      <div class="buttons">
        <button class="Cancel deleteCancel">取消</button>
        <button class="adds deleteSure">删除</button>
      </div>
    </div>
    <!-- 修改弹窗 -->
    <div class="updateShow insertShow">
      <h3 class="title">修改公告</h3>
      <!-- 标题 -->
      <h3><i class="iconfont">&#xe6f8;</i> 标题： <input type="text" class="inputLine" placeholder=" 标题不能超过15位"></h3>
      <!-- 图片 -->
      <h3>
        <i class="iconfont">&#xe62a;</i> 封面：<input type="file">
        <img src="../../photos/essay2.jpg" alt="" class="filePhotos">
      </h3>
      <!-- 富文本编辑器 -->
      <div id="editor—wrapper">
        <div id="toolbar-container"><!-- 工具栏 --></div>
        <div id="editor-container"><!-- 编辑器 --></div>
      </div>
      <div class="buttons">
        <button class="cancel updateShowCancel">取消</button>
        <button class="adds updateButton">更新</button>
      </div>
    </div>
    <!-- 表格控制栏 -->
    <div class="controlTable">
      <ul>
        <li class="first"><i class="iconfont">&#xe605;</i></li>
        <li class="last"><i class="iconfont">&#xe618;</i></li>
        &nbsp;<b>|</b>&nbsp; <input type="text" class="paged">
        共 <span class="allPage">0</span> 页 &nbsp;<b>|</b>&nbsp;
        <li class="next"><i class="iconfont">&#xe619;</i></li>
        <li class="theLast"><i class="iconfont">&#xe606;</i></li>
        <select name="paged" id="paged">
          <option value="3">3</option>
          <option value="5">5</option>
          <option value="8">8</option>
        </select>
      </ul>
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script src="https://unpkg.com/@wangeditor/editor@latest/dist/index.js"></script>
  <script src="./operation.js"></script>
</body>


</html>